<template>
  <div>
      <h1>子组件2</h1>
      <h1>{{mycount}}</h1>
  </div>
</template>

<script >
  //  在使用 TypeScript 时，defineComponent 提供了更好的类型推断。它可以帮助 TypeScript 更准确地推断组件选项中的类型，比如 props、data、computed 等
  import {defineComponent,reactive,toRefs,toRef} from 'vue'
  
    export default defineComponent({
        props:{},
        setup(){
          let state=reactive({
            count:1,
            name:"王"
          })
          // toRef 将对象中的某一个数据变为响应式数据返回
          let mycount=toRef(state,'count');
          return {
              // ...toRefs(state)
              mycount
          }
        }
    })
</script>
